import { createApp } from 'vue';
import App from './App.vue';
import 'amfe-flexible';

import {
    Card,
    Button,
    Icon,
    Form,
    Field,
    Tab,
    Tabs,
    Toast,
    Dialog,
    TreeSelect,
    Stepper,
    ActionBarButton,
    ActionBarIcon,
    ActionBar,
    Checkbox,
    CheckboxGroup,
    SubmitBar,
    AddressList,
    AddressEdit,
    ContactCard,// @ts-ignore
} from 'vant';
import router from './router/index';
import './common/css/base.less';
import store from './store';

const app = createApp(App);

app
    .use(Form)
    .use(Field)
    .use(Button)
    .use(AddressList)
    .use(AddressEdit)
    .use(Dialog)
    .use(Card)
    .use(Icon)
    .use(Toast)
    .use(Tab)
    .use(Tabs)
    .use(TreeSelect)
    .use(Stepper)
    .use(ActionBarButton)
    .use(ActionBarIcon)
    .use(ActionBar)
    .use(Checkbox)
    .use(SubmitBar)
    .use(ContactCard)
    .use(CheckboxGroup);

app.use(router);
app.use(store);
app.mount('#app');
